@media all and (max-width: 99999px) and (min-width: 769px) {
	
	.container {
		position: relative;
	}
	
	.container.primary {
		display: grid;
		grid-template-columns: 3fr 1fr;
		grid-template-rows: 1fr;
		gap: 0px 0px;
		grid-template-areas: ". .";
		height: 100vh;
	}
	
	
	/* HEADER */
	
	.container.header {
		order: 2;
		background-color: rgba(238, 238, 238, 0.85);
		justify-self: end;
	}
	
	.container.header header .grid_box {
		display: grid;
		gap: 0px 0px;
		grid-template-areas:
		"."
		"."
		".";
		justify-items: center;
		align-items: center;
		height: 95vh;
	}
	
	.container.header header section h1 a {
		display: block;
		background: url(../gfx/header/logo/top-linea-logo-svg.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	
	.container.header header section:last-of-type dl {
		padding: 0;
		text-align: center;
	}
	.container.header header section:last-of-type dl dd {
		margin: 0;
	}
	
	.container.header header section:last-of-type dl dd a {
		display: block;
		background-size: contain;
	}
	
	.container.header header section:last-of-type dl dd.eu_project a {
		background: url(../gfx/header/eu_project/eu_project-logo-svg.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	
	.container.header header section:last-of-type dl dd.hettich a {
		background: url(../gfx/header/hettich/hettich-logo-svg.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	.container.header header section:last-of-type dl dd a strong {
		display: none;
	}	
	
	/* HEADER END */
	
	
	
	
	/* CONTENT */
	
	.container.content {
		order: 1;
	}


		/* homepage */
		
		.container.homepage {
			position: absolute; left: 0; top: 0; z-index: -1;
			width: 100%; height: 100%;
		}
		article.homepage {
			position: relative;
			height: 100vh; overflow: hidden;
		}
		article.homepage .text.descr {
			background-color: rgba(42, 41, 40, 0.35);
			position: absolute;
		}
		article.homepage .text.descr h1, article.homepage .text.descr h2 {
			font-weight: 100;
			color: #FFF;
		}
		article.homepage div.homepage_slider figure picture img {
			height: calc(100vh); width: 100vw;
			object-fit: cover;
		}
		
		/* homepage END */
		
		
		
		
		/* references */
		
		.container.content article.references.list {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: 1fr 1fr 1fr;
			justify-items: center;
			align-items: center;
			height: 100vh;
		}
		
		.container.content article.references.list .thumb {
			position: relative;
		}
		
		.container.content article.references.list .thumb h1 {
			position: absolute; left: 50%; top: 50%;
			transform: translate(-50%,-50%);
			text-align: center;
			margin: 0;
			z-index: -1;
			font-weight: 400;
		}
		.container.content article.references.list .thumb:hover h1 {
			z-index: 99;
		}
		.container.content article.references.list .thumb h1 a {
			display: block;
			overflow: hidden;
		}
		.container.content article.references.list .thumb:hover h1 a {
			z-index: 100;
			background-color: rgba(42, 41, 40, 0.65);
			color: #FFF;
		}
		.container.content article.references.list .thumb h1 a strong {
			position: absolute; left: 50%; top: 50%;
			transform: translate(-50%,-50%);
			font-weight: 400;
		}
		.container.content article.references.list .thumb figure picture img {
			object-fit: cover;
		}
		
		article.references.show section {
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: 1fr;
			grid-column-gap: 0px;
			grid-row-gap: 0px;
			justify-items: center;
			align-items: center;
		}
		article.references.show section header {
			order: 2;
		}
		article.references.show section header h1, article.references.show section header h2 {
			font-weight: 400;
			text-align: center;
		}
		article.references.show div.reference_slider {
			order: 1;
		}
		article.references.show div.reference_slider figure picture img {
			object-fit: cover;
		}
		article.references.show div.reference_slider button {
			border: none;
			background: none;
			acolor: transparent;
			position: absolute; top: 50%;
			transform: translate(0,-50%);
			z-index: 99;
			color: transparent;
			z-index: -1;
		}
		article.references.show div.reference_slider:hover button {
			z-index: 100;
		}
		article.references.show div.reference_slider:hover button:hover {
			cursor: pointer;
		}
		article.references.show div.reference_slider button.slick-prev:before {
			content: "\276E";
			color: #EEE; opacity: 0.40;
			font-size: 1200%;
			transition: 0.35s ease;
		}
		article.references.show div.reference_slider button.slick-next:after {
			content: "\276F";
			color: #EEE; opacity: 0.40;
			font-size: 1200%;
			transition: 0.35s ease;
		}
		article.references.show div.reference_slider button.slick-prev:hover::before,
		article.references.show div.reference_slider button.slick-next:hover::after {
			opacity: 0.8;
		}
		
		
		/* references END */
		
		
		
		
		/* contact */
		
		.container.content article.contact {
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: 1fr;
			grid-column-gap: 0px;
			grid-row-gap: 0px;
			justify-items: center;
			align-items: center;
		}
		.container.content article.contact section {
			order: 2;
		}
		.container.content article.contact section dl dt {
			font-weight: 700;
		}
		.container.content article.contact footer {
			order: 1;
			object-fit: contain;
		}
		.container.content article.contact footer iframe {
			border: none;
			height: 90vh;
		}
			
		/* contact END */


	/* CONTENT END */
	
	
	
	
	/* 2560   , k1.3 */

	@media all and (min-width: 1921px) {
		
		
		.container.header {
			margin: 2.1em 5.7em 2.1em 0;
		}
		
		.container.header header .grid_box {
			width: 488px;
		}
		
		.container.header header section h1 {
			width: 390px; height: 234px;
			margin: 2em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 390px; height: 234px;
		}

		.container.header header section nav ul li a {
			font-size: 1.8rem;
			margin: 2.6em 0;
		}

		.container.header header section:last-of-type dl dd {
			width: 218px; height: 78px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 218px; height: 78px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 237px; bottom: 192px;
				padding: 1.3em 2.6em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 163%;
				margin: 0.325em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 36px;
				grid-row-gap: 51px;
				padding: 3.70em 5.2em;
			}
			
			.container.content article.references.list .thumb {
				width: 536px; height: 334px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 536px; height: 334px;
				font-size: 100%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 536px; height: 334px;
				font-size: 113%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 536px; height: 334px;
			}
			
			article.references.show section {
				padding: 3.70em 5.2em 1.3em 5.2em;
			}
			article.references.show section header {
				padding: 1.3em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 147%;
			}
			article.references.show div.reference_slider {
				height: 1040px; width: 1581px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 1040px; width: 1581px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 2.45em 11.7em;
			}
			.container.content article.contact section {
				padding: 0 0 0 6.5em;
			}
			.container.content article.contact section dl {
				font-size: 163%;
				margin: 4.25em 0;
			}
			.container.content article.contact section dl dd {
				margin: 2.10em 0;
			}
			.container.content article.contact footer iframe {
				width: 806px; 
			}
			
			/* contact END */
	}



	
	/* 1920 k1.0*/

	@media all and (max-width: 1920px) and (min-width: 1661px) {
		
		.container.header {
			margin: 1.625em 4.375em 1.625em 0;
		}
		
		.container.header header .grid_box {
			width: 375px;
		}
		
		.container.header header section h1 {
			width: 300px; height: 180px;
			margin: 1.7em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 300px; height: 180px;
		}

		.container.header header section nav ul li a {
			font-size: 1.375rem;
			margin: 2.25em 0;
		}
		
		.container.header header section:last-of-type dl dd {
			width: 168px; height: 60px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 168px; height: 60px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 182px; bottom: 148px;
				padding: 1em 2em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 125%;
				margin: 0.25em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 28px;
				grid-row-gap: 39px;
				padding: 2.85em 4em;
			}
			
			.container.content article.references.list .thumb {
				width: 412px; height: 257px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 412px; height: 257px;
				font-size: 100%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 412px; height: 257px;
				font-size: 113%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 412px; height: 257px;
			}
			
			article.references.show section {
				padding: 2.85em 4em 1em 4em;
			}
			article.references.show section header {
				padding: 1em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 113%;
			}
			article.references.show div.reference_slider {
				height: 800px; width: 1216px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 800px; width: 1216px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 2.85em 9em;
			}
			.container.content article.contact section {
				padding: 0 0 0 5em;
			}
			.container.content article.contact section dl {
				font-size: 125%;
				margin: 4em 0;
			}
			.container.content article.contact section dl dd {
				margin: 1.625em 0;
			}
			.container.content article.contact footer iframe {
				width: 620px;
			}
			
			/* contact END */
	}
	
	
	
	
	/* 1660 k0,86 */

	@media all and (max-width: 1660px) and (min-width: 1441px) {
		
		.container.header {
			margin: 1.40em 3.75em 1.40em 0;
		}
		
		.container.header header .grid_box {
			width: 323px;
		}
		
		.container.header header section h1 {
			width: 258px; height: 155px;
			margin: 1.5em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 258px; height: 155px;
		}

		.container.header header section nav ul li a {
			font-size: 1.35rem;
			margin: 1.95em 0;
		}
		
		.container.header header section:last-of-type dl dd {
			width: 144px; height: 52px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 144px; height: 52px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 135px; bottom: 127px;
				padding: 0.90em 1.75em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 108%;
				margin: 0.215em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 24px;
				grid-row-gap: 34px;
				padding: 2.45em 3.45em;
			}
			
			.container.content article.references.list .thumb {
				width: 354px; height: 221px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 354px; height: 221px;
				font-size: 100%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 354px; height: 221px;
				font-size: 113%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 354px; height: 221px;
			}
			
			article.references.show section {
				padding: 2.45em 3.45em 0.85em 3.45em;
			}
			article.references.show section header {
				padding: 0.85em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 113%;
			}
			article.references.show div.reference_slider {
				height: 688px; width: 1046px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 688px; width: 1046px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 2.45em 7.75em;
			}
			.container.content article.contact section {
				padding: 0 0 0 4.3em;
			}
			.container.content article.contact section dl {
				font-size: 125%;
				margin: 3.25em 0;
			}
			.container.content article.contact section dl dd {
				margin: 1.625em 0;
			}
			.container.content article.contact footer iframe {
				width: 533px;
			}
			
			/* contact END */
	}
	
	
	

	
	/* 1440 k0.73*/

	@media all and (max-width: 1440px) and (min-width: 1361px) {
		
		.container.header {
			margin: 1.20em 3.20em 1.20em 0;
		}
		
		.container.header header .grid_box {
			width: 274px;
		}
		
		.container.header header section h1 {
			width: 219px; height: 131px;
			margin: 1.50em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 219px; height: 131px;
		}

		.container.header header section nav ul li a {
			font-size: 1.13rem;
			margin: 1.35em 0;
		}
		
		.container.header header section:last-of-type dl dd {
			width: 123px; height: 44px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 123px; height: 44px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 133px; bottom: 108px;
				padding: 0.75em 1.5em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 108%;
				margin: 0.2em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 20px;
				grid-row-gap: 29px;
				padding: 2.10em 2.9em;
			}
			
			.container.content article.references.list .thumb {
				width: 301px; height: 188px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 301px; height: 188px;
				font-size: 100%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 301px; height: 188px;
				font-size: 108%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 301px; height: 188px;
			}
			
			article.references.show section {
				padding: 2.1em 2.9em 0.75em 2.9em;
			}
			article.references.show section header {
				padding: 0.75em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 108%;
			}
			article.references.show div.reference_slider {
				height: 584px; width: 888px;
				height: 80vh; width: 62vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 584px; width: 8888x;
				height: 80vh; width: 62vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 2.10em 6.60em;
			}
			.container.content article.contact section {
				padding: 0 0 0 3.65em;
			}
			.container.content article.contact section dl {
				font-size: 108%;
				margin: 2.85em 0;
			}
			.container.content article.contact section dl dd {
				margin: 1.20em 0;
			}
			.container.content article.contact footer iframe {
				width: 453px;
			}
			
			/* contact END */
	}
	
	
	
	
	/* 1360 k0.71*/

	@media all and (max-width: 1360px) and (min-width: 1281px) {
		
		.container.header {
			margin: 1.15em 3.15em 1.15em 0;
		}
		
		.container.header header .grid_box {
			width: 266px;
		}
		
		.container.header header section h1 {
			width: 213px; height: 128px;
			margin: 46px 0 68px 0;
		}
		.container.header header section h1 a {
			width: 213px; height: 128px;
		}

		.container.header header section nav ul li a {
			font-size: 1.15rem;
			margin: 2em 0;
		}

		.container.header header section:last-of-type h2 {
			width: 98px; height: 43px;
			margin: 8.25em 0 0.625em 0;
		}
		
		.container.header header section:last-of-type h2 a {
			width: 98px; height: 43px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 129px; bottom: 105px;
				padding: 0.7em 1.4em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 100%;
				margin: 0.15em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 20px;
				grid-row-gap: 28px;
				padding: 2em 2.85em;
			}
			
			.container.content article.references.list .thumb {
				width: 293px; height: 183px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 293px; height: 183px;
				font-size: 88%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 293px; height: 183px;
				font-size: 113%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 293px; height: 183px;
			}
			
			article.references.show section {
				padding: 2em 2.85em 0.7em 2.85em;
			}
			article.references.show section header {
				padding: 0.7em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 100%;
			}
			article.references.show div.reference_slider {
				height: 568px; width: 863px;
				height: 82vh; width: 60vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 568px; width: 863px;
				height: 82vh; width: 60vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 2em 6.40em;
			}
			.container.content article.contact section {
				padding: 0 0 0 3.55em;
			}
			.container.content article.contact section dl {
				font-size: 100%;
				margin: 2.85em 0;
			}
			.container.content article.contact section dl dd {
				margin: 1.15em 0;
			}
			.container.content article.contact footer iframe {
				width: 440px;
			}
			
			/* contact END */
	}
	
	
	
	
	/* 1280 k0.67*/

	@media all and (max-width: 1280px) and (min-width: 1025px) {
		
		.container.header {
			margin: 1.10em 2.295em 1.10em 0;
		}
		
		.container.header header .grid_box {
			width: 251px;
		}
		
		.container.header header section h1 {
			width: 201px; height: 121px;
			margin: 1.25em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 201px; height: 121px;
		}

		.container.header header section nav ul li a {
			font-size: 1.13rem;
			margin: 1.55em 0;
		}
		
		.container.header header section:last-of-type dl dd {
			width: 113px; height: 40px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 113px; height: 40px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 122px; bottom: 99px;
				padding: 0.67em 1.45em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 100%;
				margin: 0.25em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 19px;
				grid-row-gap: 26px;
				padding: 1.9em 2.65em;
			}
			
			.container.content article.references.list .thumb {
				width: 276px; height: 172px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 276px; height: 172px;
				font-size: 100%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 276px; height: 172px;
				font-size: 93%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 276px; height: 172px;
			}
			
			article.references.show section {
				padding: 1.90em 2.70em 0.68em 2.7em;
			}
			article.references.show section header {
				padding: 0.65em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 100%;
			}
			article.references.show div.reference_slider {
				height: 536px; width: 815px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 536px; width: 815px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 1.90em 6em;
			}
			.container.content article.contact section {
				padding: 1.25rem 0 0 3.35em;
			}
			.container.content article.contact section dl {
				font-size: 100%;
				margin: 2.7em 0;
			}
			.container.content article.contact section dl dd {
				margin: 1.15em 0;
			}
			.container.content article.contact footer iframe {
				width: 451px;
			}
			
			/* contact END */
	}
	
	
	
	
	/* 1024 k0.51*/

	@media all and (max-width: 1024px) and (min-width: 769px) {
		
		.container.header {
			margin: 0.83em 2.25em 0.83em 0;
		}
		
		.container.header header .grid_box {
			width: 191px;
		}
		
		.container.header header section h1 {
			width: 147px; height: 88px;
			margin: 1.25em 0 0.5em 0;
		}
		.container.header header section h1 a {
			width: 147px; height: 88px;
		}

		.container.header header section nav ul li a {
			font-size: 0.92rem;
			margin: 1.25em 0;
		}
		
		.container.header header section:last-of-type dl dd {
			width: 104px; height: 37px;
			margin: 1em 0;
		}
		
		.container.header header section:last-of-type dl dd a {
			width: 104px; height: 37px;
		}
		
		
			/* homepage */
			
			article.homepage .text.descr {
				left: 93px; bottom: 76px;
				padding: 0.5em 1em;
			}
			article.homepage .text.descr h1, article.homepage .text.descr h2 {
				font-size: 100%;
				margin: 0.25em 0;
			}
			
			/* homepage END */
			
			
			
			
			/* references */
			
			.container.content article.references.list {
				grid-column-gap: 14px;
				grid-row-gap: 20px;
				padding: 1.85em 2.5em;
			}
			
			.container.content article.references.list .thumb {
				width: 210px; height: 131px;
			}
			
			.container.content article.references.list .thumb h1 {
				width: 210px; height: 131px;
				font-size: 82%;
			}
			.container.content article.references.list .thumb h1 a {
				width: 210px; height: 131px;
				font-size: 82%;
			}
			.container.content article.references.list .thumb figure picture img {
				width: 210px; height: 131px;
			}
			
			article.references.show section {
				padding: 1.85em 2.5em 0.65em 2.5em;
			}
			article.references.show section header {
				padding: 0.65em 0 0 0;
			}
			article.references.show section header h1, article.references.show section header h2 {
				font-size: 82%;
			}
			article.references.show div.reference_slider {
				height: 408px; width: 620px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider figure picture img {
				height: 400px; width: 620px;
				height: 83vh; width: 61vw;
			}
			article.references.show div.reference_slider button.slick-prev {
				left: 2%;
			}
			article.references.show div.reference_slider button.slick-next {
				right: 2%;
			}

			/* references END */
			
			
			
			
			/* contact */
			
			.container.content article.contact {
				padding: 1.85em 4.5em;
			}
			.container.content article.contact section {
				padding: 0 0 0 2.85em;
			}
			.container.content article.contact section dl {
				font-size: 100%;
				margin: 2.25em 0;
			}
			.container.content article.contact section dl dd {
				margin: 0.90em 0;
			}
			.container.content article.contact footer iframe {
				width: 330px;
			}
			
			/* contact END */
	}
}




@media all and (max-width: 768px) and (min-width: 1px) {
	
	.container {
		position: relative;
	}
	
	
	/* HEADER */
	
	.container.header {
		position: fixed; top: 0; left: 0; z-index: 100;
		background-color: rgba(238, 238, 238, 0.85);
		border-bottom: 1px solid #CCC;
		width: 100vw;
	}
	
	.container.header header .grid_box {
		display: grid; 
		grid-template-columns: 1fr 1fr 1fr; 
		grid-template-rows: 1fr; 
		gap: 10% 5%; 
		grid-template-areas: 
		". . ."; 
		align-content: center; 
		justify-items: center; 
		padding: 1vw 2vh;
	}
	
	.container.header header section:first-of-type {
		order: 2;
	}
	.container.header header section:last-of-type {
		order: 3;
	}
	
	.container.header header section h1 {
		width: 30vw; height: 100%;
		margin: 0;
	}
	.container.header header section h1 a {
		width: 30vw; height: 100%;
		display: block;
		background: url(../gfx/header/logo/top-linea-logo-svg.svg) 50% 50% no-repeat;
		background-size: contain;
	}
	
	.container.header header section nav ul {
		text-align: left;
	}
	
	.container.header header section nav ul li a {
		font-size: 3.8vw;
		margin: 2vh 0;
	}

	.container.header header section:last-of-type {
	}
	.container.header header section:last-of-type dl {
		padding: 0; margin: 0;
		text-align: right;
	}
	.container.header header section:last-of-type dl dd {
		margin: 1vh 0;
	}
	.container.header header section:last-of-type dl dd a {
		font-size: 88%; font-weight: 400;
		display: block;
	}
	.container.header header section:last-of-type dl dd.eu_project a {
		background: url(../gfx/header/eu_project/eu_project-logo-svg.svg) 70% 50% no-repeat;
		background-size: contain;
		width: 30vw; height: 4vh;
	}
	
	.container.header header section:last-of-type dl dd.hettich a {
		background: url(../gfx/header/hettich/hettich-logo-svg.svg) 70% 50% no-repeat;
		background-size: contain;
		width: 30vw; height: 4vh;
	}
	.container.header header section:last-of-type dl dd a strong {
		display: none;
	}
	
		
	/* HEADER END */
	
	
	
	
	/* CONTENT */
	
	.container.content {
		padding: 12vh 0 0 0;
	}
	
		/* homepage */
		
		.container.homepage {
			position: absolute; left: 0; top: 0; z-index: -1;
			width: 100%; height: 100%;
		}
		article.homepage {
			position: relative;
			height: 100vh; overflow: hidden;
		}
		article.homepage .text.descr {
			background-color: rgba(42, 41, 40, 0.35);
			position: absolute; left: 50%; top: 80%; transform: translate(-50%,-80%);
			padding: 1.3em 2.6em;
		}
		article.homepage .text.descr h1, article.homepage .text.descr h2 {
			font-weight: 100;
			color: #FFF;
			font-size: 5vw;
			margin: 0.325em 0;
		}
		article.homepage div.homepage_slider figure picture img {
			height: calc(100vh); width: 100vw;
			object-fit: cover;
		}
		
		/* homepage END */
		
		
		
		
		/* references */
		
		.container.content article.references.list .thumb {
			margin: 4vh 0 6vh 0;
		}
		
		.container.content article.references.list .thumb h1, 
		article.references.show section header h1 {
			text-align: center;
			font-weight: 400;
			font-size: 6vw;
			margin: 4vh 0 2vh 0;
			color: #555;
		}
		.container.content article.references.list .thumb h1 a {
			color: #555;
			font-weight: 100;
		}
		.container.content article.references.list .thumb figure picture img {
			width: 100vw; height: 28vh;
			object-fit: cover;
		}
		
		article.references.show div.reference_slider figure picture img {
			object-fit: scale-down;
		}
		
		article.references.show section header h2 {
			text-align: center;
			font-weight: 400;
			font-size: 4.5vw;
			margin: 1vh 0;
			color: #555;
		}
		article.references.show div.reference_slider button,
		article.references.show div.reference_slider button.slick-prev:before,
		article.references.show div.reference_slider button.slick-next:after {
			opacity: 0;
		}
		article.references.show div.reference_slider,
		article.references.show div.reference_slider figure picture img	{
			width: 100vw; height: 50vh;
		}
		
		/* references END */
		
		
		
		
		/* contact */
		
		.container.content article.contact {
			display: grid; 
			grid-template-columns: 1fr; 
			grid-template-rows: 45% 55%; 
			gap: 5% 1%; 
			grid-template-areas: 
			"."
			"."; 
			align-content: start; 
			justify-items: center; 
		}
		
		.container.content article.contact section dl dt {
			font-weight: 700;
		}
		.container.content article.contact footer iframe {
			border: none;
			width: 100vw; height: 50vh;
		}
		.container.content article.contact section dl {
			font-size: 4vw;
			margin: 2vh 0;
			text-align: center;
		}
		.container.content article.contact section dl dd {
			margin: 1vh 0;
		}
		
		/* contact END */
	
	
	
	/* CONTENT END */

}